<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 顶部 start  -->
    <div class="top">
        <div class="nav w">
            <ul>
                <li>
                    <a href="#">请先登录</a>
                </li>
                <li>
                    <a href="#">免费注册</a>
                </li>
                <li>
                    <a href="#">我的订单</a>
                </li>
                <li>
                    <a href="#">会员中心</a>
                </li>
                <li>
                    <a href="#">帮助中心</a>
                </li>
                <li>
                    <a href="#">帮助中心</a>
                </li>
                <li>
                    <em></em>
                    <a href="#" class="last">手机版</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 顶部 End  -->
    <!-- header start -->
    <div class="header w">
        <div class="logo"></div>
        <div class="subnav">
            <ul class="clearfix">
                <li><a href="#">首页</a></li>
                <li><a href="#">生鲜</a></li>
                <li><a href="#">美食</a></li>
                <li><a href="#">餐厨</a></li>
                <li><a href="#">电器</a></li>
                <li><a href="#">居家</a></li>
                <li><a href="#">洗护</a></li>
                <li><a href="#">孕婴</a></li>
                <li><a href="#">服装</a></li>
            </ul>
        </div>
        <div class="search">
            <input type="text" placeholder="搜一搜">
            <em></em>
            <span><strong>2</strong></span>

        </div>
    </div>
    <!-- header end -->
    <!-- main start  -->
    <div class="main">
        <div class="main-bg w">
            <div class="main-left">
                <ul>
                    <li>
                        <a href="#"><strong>生鲜</strong>水果&nbsp;&nbsp;蔬菜</a>
                    </li>
                    <li>
                        <a href="#"><strong>美食</strong>面点&nbsp;&nbsp;干果</a>
                    </li>
                    <li>
                        <a href="#"><strong>餐厨</strong>数码产品</a>
                    </li>
                    <li>
                        <a href="#"><strong>电器</strong>床品&nbsp;&nbsp;四件套&nbsp;&nbsp;被枕</a>
                    </li>
                    <li>
                        <a href="#"><strong>居家</strong>奶粉&nbsp;&nbsp;玩具&nbsp;&nbsp;辅食</a>
                    </li>
                    <li>
                        <a href="#"><strong>洗护</strong>洗发&nbsp;&nbsp;洗护&nbsp;&nbsp;美妆</a>
                    </li>
                    <li>
                        <a href="#"><strong>孕婴</strong>奶粉&nbsp;&nbsp;玩具</a>
                    </li>
                    <li>
                        <a href="#"><strong>服饰</strong>女装&nbsp;&nbsp;男装</a>
                    </li>
                    <li>
                        <a href="#"><strong>杂货</strong>户外&nbsp;&nbsp;图书</a>
                    </li>
                    <li>
                        <a href="#"><strong>品牌</strong>品牌制造</a>
                    </li>
                </ul>
            </div>
            <div class="main-lefts"></div>
            <div class="main-center">
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
            <div class="main-right"></div>
        </div>
    </div>
    <!-- main end  -->
    <!-- column start -->
    <div class="column w">
        <div class="column-top clearfix">
            <h2>新鲜好物</h2>
            <ul class="clearfix">
                <li>
                    <a href="#">新鲜出炉</a>
                </li>
                <li>
                    <a href="#">品质靠谱</a>
                </li>
            </ul>
        </div>
        <div class="column-foot">
            <ul class="clearfix">
                <!-- 1 -->
                <li>
                    <a href="#">
                        <img src="upload/xxhw1.png" alt="睿米无线吸尘器F8" title="睿米无线吸尘器F8">
                        <h4>睿米无线吸尘器F8</h4>
                        <strong>￥899</strong>
                    </a>
                </li>
                <!-- 2 -->
                <li>
                    <a href="#">
                        <img src="upload/xxhw2.png" alt="智能环绕3D空调" title="智能环绕3D空调">
                        <h4>智能环绕3D空调</h4>
                        <strong>￥1299</strong>
                    </a>
                </li>
                <!-- 3 -->
                <li>
                    <a href="#">
                        <img src="upload/xxhw3.png" alt="广东软软糯米煲仔饭" title="广东软软糯米煲仔饭">
                        <h4>广东软软糯米煲仔饭</h4>
                        <strong>￥129</strong>
                    </a>
                </li>
                <!-- 4 -->
                <li>
                    <a href="#">
                        <img src="upload/xxhw4.png" alt="罗西机械智能手表" title="罗西机械智能手表">
                        <h4>罗西机械智能手表</h4>
                        <strong>￥3399</strong>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- column end -->
    <!-- hot start -->
    <div class="hot">
        <div class="hot-box w">
            <div class="hot-top clearfix">
                <h2>热门品牌</h2>
                <ul>
                    <li>
                        <a href="#">国际经典</a>
                    </li>
                    <li>
                        <a href="#">品质保证</a>
                    </li>
                </ul>
                <div class="hot-top-r">
                    <ul>
                        <li>
                            <a href="#"></a>
                        </li>
                        <li>
                            <a href="#"></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="hot-food">
                <ul class="clearfix">
                    <!-- 1 -->
                    <li>
                        <a href="#"><img src="upload/rmpp1.png" alt=""></a>
                    </li>
                    <!-- 2 -->
                    <li>
                        <a href="#"><img src="upload/rmpp2.png" alt=""></a>
                    </li>
                    <!-- 3 -->
                    <li>
                        <a href="#"><img src="upload/rmpp3.png" alt=""></a>
                    </li>
                    <!-- 4 -->
                    <li>
                        <a href="#"><img src="upload/rmpp4.png" alt=""></a>
                    </li>
                    <!-- 5 -->
                    <li>
                        <a href="#"><img src="upload/rmpp5.png" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- hot end -->
    <!-- container S -->
    <div class="container w">
        <div class="container-top">
            <h2>生鲜</h2>
            <div class="top-box-right">
                <ul class="clearfix">
                    <li><a href="#">水果</a></li>
                    <li><a href="#">蔬菜</a></li>
                    <li><a href="#">肉禽蛋</a></li>
                    <li><a href="#">裤装</a></li>
                    <li><a href="#">衬衫</a></li>
                    <li><a href="#">T恤</a></li>
                    <li><a href="#">内衣</a></li>
                </ul>
                <div class="container-top-r">
                    <a href="#">查看全部&nbsp;&gt;</a>
                </div>
            </div>
        </div>
        <div class="container-hd clearfix">
            <div class="container-hd-l">
                <img src="upload/sx1.png" alt="">
                <div class="hd-box-l">
                    <span>生鲜馆</span><em>全场3件8折</em>
                </div>
            </div>
            <div class="container-hd-r">
                <ul class="clearfix">
                    <!-- 1 -->
                    <li>
                        <a href="#"><img src="upload/sx2_03.png" alt="美威 智利原味三文鱼排240g/袋 4片装"></a>
                        <h4>美威 智利原味三文鱼排</h4>
                        <h4> 240g/袋 4片装</h4>
                        <h4>海鲜年货</h4>
                        <strong><span>￥</span>59</strong>

                    </li>
                    <!-- 2 -->
                    <li>
                        <a href="#"><img src="upload/sx3_03.png" alt="红功夫 麻辣小龙虾1.5kg"></a>
                        <h4>红功夫 麻辣小龙虾1.5kg</h4>
                        <h4> 4-6钱/25-32只</h4>
                        <h4>火锅食材</h4>
                        <strong><span>￥</span>79</strong>
                    </li>
                    <!-- 3 -->
                    <li>
                        <a href="#"><img src="upload/sx4_03.png" alt="三都港 冷冻无公害黄花鱼"></a>
                        <h4>三都港 冷冻无公害黄花鱼</h4>
                        <h4>700g 2条 袋装</h4>
                        <h4>海鲜水产</h4>
                        <strong><span>￥</span>49</strong>
                    </li>
                    <!-- 4 -->
                    <li>
                        <a href="#"><img src="upload/sx5_03.png" alt="渔公码头 大连鲜食入味"></a>
                        <h4>渔公码头 大连鲜食入味</h4>
                        <h4>即食海参 辽参刺参</h4>
                        <h4>调味海</h4>
                        <strong><span>￥</span>899</strong>
                    </li>
                    <!-- 5 -->
                    <li>
                        <a href="#"><img src="upload/sx6_03.png" alt="美威 智利原味三文鱼排240g/袋 4片装"></a>
                        <h4>美威 智利原味三文鱼排</h4>
                        <h4> 240g/袋 4片装</h4>
                        <h4>海鲜年货</h4>
                        <strong><span>￥</span>59</strong>
                    </li>
                    <!-- 6 -->
                    <li>
                        <a href="#"><img src="upload/sx7_03.png" alt="广西沃柑 柑橘1.5kg "></a>
                        <h4>广西沃柑 柑橘1.5kg </h4>
                        <h4>新鲜水果</h4>
                        <h4>新鲜水果</h4>
                        <strong><span>￥</span>21.9</strong>
                    </li>
                    <!-- 7 -->
                    <li>
                        <a href="#"><img src="upload/sx8_03.png" alt="进口 牛油果 6个装 "></a>
                        <h4>进口 牛油果 6个装 </h4>
                        <h4>单果重约130-180g </h4>
                        <h4>新鲜水果</h4>
                        <strong><span>￥</span>59</strong>
                    </li>
                    <!-- 8 -->
                    <li>
                        <a href="#"><img src="upload/sx9_03.png" alt="泰国进口山竹5A级 500g "></a>
                        <h4>泰国进口山竹5A级 500g </h4>
                        <h4>新鲜水果</h4>
                        <h4>新鲜水果</h4>
                        <strong><span>￥</span>59</strong>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- container E -->
    <!-- special S -->
    <div class="special">
        <div class="special-box w">
            <div class="special-hd">
                <div class="special-hd-l">
                    <h2>最新专题</h2>
                </div>
                <div class="special-hd-r">
                    <a href="#"> 查看全部&gt;</a>
                </div>
            </div>
            <div class="special-fd">
                <ul class="clearfix">
                    <!-- 1 -->
                    <li>
                        <a href="#"><img src="upload/zxzt1.png" alt="吃这些美食才不算辜负自己" title="吃这些美食才不算辜负自己"></a>
                        <div class="sp-fd-t">吃这些美食才不算辜负自己</div>
                        <div class="sp-fd-b">餐厨起居洗护好物</div>
                        <div class="sp-fd-folt">￥29.9起</div>
                        <div class="sp-bb">
                            <div class="sp-bb-l"><em></em> 1220</div>
                            <div class="sp-bb-c"><em></em> 1880</div>
                            <div class="sp-bb-r"><em></em> 246</div>
                        </div>
                    </li>
                    <!-- 2 -->
                    <li>
                        <a href="#"><img src="upload/zxzt2.png" alt="吃这些美食才不算辜负自己" title="吃这些美食才不算辜负自己"></a>
                        <div class="sp-fd-t">吃这些美食才不算辜负自己</div>
                        <div class="sp-fd-b">餐厨起居洗护好物</div>
                        <div class="sp-fd-folt">￥29.9起</div>
                        <div class="sp-bb">
                            <div class="sp-bb-l"><span></span> 1220</div>
                            <div class="sp-bb-c"><em></em> 1880</div>
                            <div class="sp-bb-r"><em></em> 246</div>
                        </div>
                    </li>
                    <!-- 3 -->
                    <li>
                        <a href="#"><img src="upload/zxzt3.png" alt="吃这些美食才不算辜负自己" title="吃这些美食才不算辜负自己"></a>
                        <div class="sp-fd-t">吃这些美食才不算辜负自己</div>
                        <div class="sp-fd-b">餐厨起居洗护好物</div>
                        <div class="sp-fd-folt">￥29.9起</div>
                        <div class="sp-bb">
                            <div class="sp-bb-l"><em></em> 1220</div>
                            <div class="sp-bb-c"><em></em> 1880</div>
                            <div class="sp-bb-r"><em></em> 246</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- special E -->
    <!-- service S  -->
    <div class="service w">
        <ul>
            <!-- 1 -->
            <li>
                <div class="li-t-t">客户服务</div>
                <div class="li-t-l">
                    <em></em> <a href="#">在线客服</a>
                </div>
                <div class="li-t-r">
                    <em></em> <a href="#">问题反馈</a>
                </div>
            </li>
            <!-- 2 -->
            <li>
                <div class="li-t-t">关注我们</div>
                <div class="li-t-l">
                    <span></span> <a href="#">公众号</a>
                </div>
                <div class="li-t-r">
                    <span></span> <a href="#">微博</a>
                </div>
            </li>
            <!-- 3 -->
            <li>
                <div class="li-t-t">下载APP</div>
                <div class="li-h-l">
                    <img src="upload/rwm.png" alt="">
                </div>
                <div class="li-h-r">
                    <h4>扫描二维码</h4>
                    <h4>立马下载APP</h4>
                    <a href="#">下载页面</a>
                </div>
            </li>
            <!-- 4 -->
            <li>
                <div class="li-t-t">服务热线</div>
                <div class="li-p-c">
                    400-0000-000
                </div>
                <div class="li-p-b">
                    周一至周日 8:00-18:00
                </div>
            </li>
        </ul>
    </div>
    <!-- service E  -->
    <!-- footer S -->
    <div class="footer">
        <div class="footer-h w">

            <div class="footer-h-t">
                <ul class="clearfix">
                    <li>
                        <em></em>
                        <span>价格亲民</span>
                    </li>
                    <li>
                        <i></i>
                        <span>物流快捷</span>
                    </li>
                    <li>
                        <p></p>
                        <span>品质新鲜</span>
                    </li>
                </ul>
            </div>
            <div class="footer-h-b">
                <ul class="clearfix">
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">售后服务</a></li>
                    <li><a href="#">配送与验收</a></li>
                    <li><a href="#">商务合作</a></li>
                    <li><a href="#">搜索推荐</a></li>
                    <li><a href="#" class="last-fh">友情链接</a></li>
                </ul>
                <p>CopyRight @ 小兔鲜儿</p>
            </div>
        </div>
    </div>
    <!-- footer E -->
</body>

</html>